<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>详情页</title>
  <link rel="stylesheet" href="../css/XQ.reset.css">
  <link rel="stylesheet" href="../css/XQ.css">
  <link rel="stylesheet" href="../css/XQ.magnifier.css">
</head>

<body>
  <header>
    <!-- 导航 -->
    <nav>
      <!-- 版心 -->
      <a href="../html/index.html">
        <div class="nd222">回到首页</div>
      </a>
      <div class="wrapper nd1">

        <div class="nd2">
          <a href="">浙江</a>
          <div class="nd22"></div>
          <div class="nd21">
            <div>
              <ul>
                <li><a href="">北京</a></li>
                <li><a href="">上海</a></li>
                <li><a href="">天津</a></li>
                <li><a href="">重庆</a></li>
                <li><a href="">河北</a></li>
                <li><a href="">山西</a></li>
                <li><a href="">河南</a></li>
                <li><a href="">辽宁</a></li>
                <li><a href="">吉林</a></li>
                <li><a href="">黑龙江</a></li>
                <li><a href="">内蒙古</a></li>
                <li><a href="">江苏</a></li>
                <li><a href="">山东</a></li>
                <li><a href="">安徽</a></li>
                <li><a href="">浙江</a></li>
                <li><a href="">福建</a></li>
                <li><a href="">湖北</a></li>
                <li><a href="">湖南</a></li>
                <li><a href="">广东</a></li>
                <li><a href="">广西</a></li>
                <li><a href="">江西</a></li>
                <li><a href="">四川</a></li>
                <li><a href="">海南</a></li>
                <li><a href="">贵州</a></li>
                <li><a href="">云南</a></li>
                <li><a href="">江西</a></li>
                <li><a href="">陕西</a></li>
                <li><a href="">甘肃</a></li>
                <li><a href="">青海</a></li>
                <li><a href="">宁夏</a></li>
                <li><a href="">新疆</a></li>
                <li><a href="">港澳</a></li>
                <li><a href="">台湾</a></li>
                <li><a href="">钓鱼岛</a></li>
                <li><a href="">海外</a></li>
              </ul>
              <div class="dd1"></div>
              <div class="dd1-1">
                <!-- <div>地区专享版本</div> -->
                <p>地区专享版本</p>
                <ul>
                  <li><a href="">中豳港澳</a></li>
                  <li><a href="">中豳台漫</a></li>
                  <li><a href="">京东全球</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="nd333">
          <ul>
            <li class="nd3l1">
              <a href="../html/DL.html">你好，请登录</a>
              <a href="../html/ZC.html">免费注册</a>
            </li><span class="span">I</span>
            <li><a href="">我的订单</a></li><span class="span">I</span>
            <li>
              <a href="">我的京东 v</a>
              <div class="jhd">
                <div>
                  <ul class="ul1">
                    <li><a href="">待处理订单</a></li>
                    <li><a href="">我的问答</a></li>
                    <li><a href="">返修退换货</a></li>
                    <li><a href="">我的关注</a></li>
                    <li><a href="">降价商品</a></li>
                  </ul>
                </div>
                <div>
                  <ul class="ul2">
                    <li><a href="">我的京豆</a></li>
                    <li><a href="">我的优惠卷</a></li>
                    <li><a href="">我的白条</a></li>
                    <li><a href="">我的理财</a></li>
                  </ul>
                </div>
              </div>
              <div class="jdd"></div>
            </li><span class="span">I</span>
            <li><a href="">京东会员</a></li><span class="span">I</span>
            <li>
              <a href="" class="ah">企业采购 v</a>
              <div class="qhd">
                <ul>
                  <div><a href="">企业购</a></div>
                  <div><a href="">公共频道</a></div>
                  <div><a href="">工业品</a></div>
                  <div><a href="">商用场景馆</a></div>
                  <div><a href="">礼品卡</a></div>
                  <div><a href="">微信企业购</a></div>
                  <div><a href="">公品优选</a></div>
                  <div><a href="">京东锦礼</a></div>
                  <div><a href="">大中型客户采购</a></div>
                </ul>
              </div>
              <div class="qdd"></div>
            </li><span class="span">I</span>
            <li>
              <a href="">客户服务 v</a>
              <div class="khd">
                <div class="d1">
                  <p>客户</p>
                  <ul>
                    <div><a href="">帮助中心</a></div>
                    <div><a href="">售后服务</a></div>
                    <div><a href="">在线客服</a></div>
                    <div><a href="">意见建议</a></div>
                    <div><a href="">电话客服</a></div>
                    <div><a href="">客服邮箱</a></div>
                    <div><a href="">金融资讯</a></div>
                    <div><a href="">全球售客服</a></div>
                    <div><a href="">企业客服</a></div>
                  </ul>
                </div>
                <div class="d2">
                  <p>商户</p>
                  <ul>
                    <div><a href="">合作招商</a></div>
                    <div><a href="">成长中心</a></div>
                    <div><a href="">商家后台</a></div>
                    <div><a href="">京麦工作台</a></div>
                    <div><a href="">商家帮助</a></div>
                    <div><a href="">规则平台</a></div>
                  </ul>

                </div>
              </div>
              <div class="kdd"></div>
            </li><span class="span">I</span>
            <li>
              <a href="">网站导航 v</a>
              <div class="whd">
                <div class="d1">
                  <p>特色主题</p>
                  <ul>
                    <div><a href="">新品首发</a></div>
                    <div><a href="">京东金融</a></div>
                    <div><a href="">全球购</a></div>
                    <div><a href="">国际站</a></div>
                    <div><a href="">京东会员</a></div>
                    <div><a href="">台湾售</a></div>
                    <div><a href="">俄语站</a></div>
                    <div><a href="">装机大师</a></div>
                    <div><a href="">港澳售</a></div>
                    <div><a href="">优惠卷</a></div>
                    <div><a href="">秒杀</a></div>
                    <div><a href="">闪购</a></div>
                    <div><a href="">印度站</a></div>
                    <div><a href="">陪伴计划</a></div>
                    <div><a href="">出海招商</a></div>
                    <div><a href="">拍拍二手</a></div>
                    <div><a href="">买什么</a></div>
                  </ul>
                </div>
                <div class="d1d"></div>
                <div class="d2">
                  <p>行业频道</p>
                  <ul>
                    <div><a href="">手机</a></div>
                    <div><a href="">智能数码</a></div>
                    <div><a href="">电脑办公</a></div>
                    <div><a href="">家用电器</a></div>
                    <div><a href="">京东小家</a></div>
                    <div><a href="">京东服饰</a></div>
                    <div><a href="">京东生鲜</a></div>
                    <div><a href="">家装城</a></div>
                    <div><a href="">母婴</a></div>
                    <div><a href="">食品</a></div>
                    <div><a href="">农资频道</a></div>
                    <div><a href="">整车</a></div>
                    <div><a href="">图书</a></div>
                    <div><a href="">劳动防护 </a></div>
                  </ul>
                </div>
                <div class="d2d"></div>
                <div class="d3">
                  <p>生活服务</p>
                  <ul>
                    <div><a href="">京东众筹</a></div>
                    <div><a href="">白条</a></div>
                    <div><a href="">京东金融APP</a></div>
                    <div><a href="">京东小金库</a></div>
                    <div><a href="">理财</a></div>
                    <div><a href="">花费</a></div>
                    <div><a href="">水电煤</a></div>
                    <div><a href="">彩票</a></div>
                    <div><a href="">旅行</a></div>
                    <div><a href="">机票酒店</a></div>
                    <div><a href="">电影票</a></div>
                    <div><a href="">京东到家</a></div>
                    <div><a href="">游戏</a></div>
                    <div><a href="">拍拍回收</a></div>
                  </ul>
                </div>
                <div class="d3d"></div>
                <div class="d4">
                  <p>京东精选</p>
                  <ul>
                    <div><a href="">合作招商</a></div>
                    <div><a href="">京东通信</a></div>
                    <div><a href="">节点E卡</a></div>
                    <div><a href="">企业采购</a></div>
                    <div><a href="">服务市场</a></div>
                    <div><a href="">办公生活馆</a></div>
                    <div><a href="">校园加盟</a></div>
                    <div><a href="">京东社区</a></div>
                    <div><a href="">装机大师</a></div>
                    <div><a href="">知识产权维权</a></div>
                    <div><a href="">关于我们</a></div>
                    <div><a href="">京东安联保险</a></div>
                    <div><a href="">京东数科保险</a></div>
                  </ul>
                </div>
              </div>
              <div class="wdd"></div>
            </li><span class="span">I</span>
            <li>
              <a href="">手机京东</a>
              <div class="shd">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
                <div></div>
              </div>
              <div class="sdd"></div>
            </li><span class="span">I</span>
            <li><a href="">网站无障碍</a></li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="d1">
      <div class="wrapper nd1">
        <a href=""><img src="../img/详情/10001.png" alt="" class="g1"></a>
        <div class="zd">
          <div class="search-text">
            <input type="text" placeholder="京东商城啥都有"></input>
            <button class="button1">搜全站</button>
            <button class="button2">搜本店</button>
          </div>
          <div class="hot-words">
            <a>X50 Pro</a>
            <a>魅族17</a>
            <a>不止5折</a>
            <a>OPPO</a>
            <a>华为</a>
            <a>氮化镓</a>
          </div>
          <div class="nogoods">
            <div></div>
            <a href="./GWC.html">我的购物车<i>></i></a>
            <!-- <span>></span>
            <i>0</i> -->
          </div>

        </div>
      </div>
      <div class="nd12">
        Apple 产品京东自营旗舰店
      </div>
      <img src="../img/详情/10003.avif" alt="">
    </div>
    <div class="d2">
      <ul class="wrapper">
        <li>首页</li>
        <li>Mac</li>
        <li>iPad</li>
        <li>iPhne</li>
        <li>Watch</li>
        <li>Beats</li>
        <li>iPod</li>
        <li>配件</li>
        <li>教育优惠</li>
        <li>Apple 官方报站服务</li>
        <li>App Store 充值卡</li>
      </ul>
    </div>
    <div class="d3">
      <div class="wrapper d33">
        <div class="d3-1">
          <div id="magnifier">
            <div class="small-box">
              <table cellspacing="0" cellpadding="0">
                <tr>
                  <td>
                    <div class="small-box" id="lan1">
                      <img src="../img/详情/10006.avif" alt="#">
                      <span class="hover"></span>
                      <span class="hover"></span>
                    </div>
                  </td>
                </tr>
              </table>
            </div>
            <div class="thumbnail-box">
              <a href="javascript:;" class="btn btn-prev btn_prev_disabled">
                <</a>
                  <a href="javascript:;" class="btn btn-next">></a>
                  <div class="list">
                    <ul class="wrapper">
                      <li class="item item-cur" data-src="../img/详情/222.avif"><img src="../img/详情/222.avif" alt="#">
                      </li>
                      <li class="item" data-src="../img/详情/111.avif"><img src="../img/详情/111.avif" alt="#"></li>
                      <li class="item" data-src="../img/详情/333.avif"><img src="../img/详情/333.avif" alt="#"></li>
                      <li class="item" data-src="../img/详情/444.avif"><img src="../img/详情/444.avif" alt="#"></li>
                      <li class="item" data-src="../img/详情/555.jpg"><img src="../img/详情/555.jpg" alt="#"></li>
                      <li class="item" data-src="../img/详情/666.jpg"><img src="../img/详情/666.jpg" alt="#"></li>
                      <li class="item" data-src="../img/详情/777.jpg"><img src="../img/详情/777.jpg" alt="#"></li>
                      <li class="item" data-src="../img/详情/111.avif"><img src="../img/详情/111.avif" alt="#"></li>
                      <li class="item" data-src="../img/详情/333.avif"><img src="../img/详情/333.avif" alt="#"></li>
                      <li class="item" data-src="../img/详情/444.avif"><img src="../img/详情/444.avif" alt="#"></li>

                    </ul>
                  </div>
            </div>
            <div class="big-box" id="lan2">
              <img src="../img/详情/10006.avif" alt="#">
            </div>
          </div>
        </div>
        <div class="d3-2">
          <div class="d3-2-1">Apple iPhone 13 Pro Max (A2644) 128GB 远峰蓝色 支持移动联通电信5G 双卡双待手机</div>
          <div class="d3-2-2">【机不可失】指定iPhone13领券立减600元，限时限量现在领取！更多优惠请点击<i>查看></i></div>
          <div class="d3-2-3">
            <h6>京 东 价</h6><i class="i1">￥</i><i class="i2" id="iii">8999.00</i><i class="i3">降价通知</i>
            <i class="i4">优 惠 券</i>
            <div class="d3-2-3-1">满3000减600</div>
            <div class="d3-2-3-2">
              <div class="d3-2-3-2-1">累计评价</div>
              <div class="d3-2-3-2-2">50+</div>
            </div>
          </div>
          <div class="d3-2-4">
            <span>增值业务</span>
            <div class="d3-2-4-1"></div>
            <div class="d3-2-4-2">高价回收，极速到账</div>
          </div>
          <div class="d3-2-5">
            <span>配 送 至</span>
            <div class="d3-2-5-1">北京朝阳区三环以内<div></div>
            </div><i class="i1">有货</i><i class="i2">支持</i>
            <i class="i3">可配送全球</i><i class="i4">|</i><i class="i5">99元免基础运费</i><i class="i6">|</i><i
              class="i7">免举证退换货</i>
          </div>
          <div class="d3-2-6">
            <img src="../img/详情/5.5.png" alt=""><i class="i1">京准达</i><i class="i2">|</i><i class="i3">211限时达</i><i
              class="i4">|</i><i class="i5">京尊达</i>
          </div>
          <div class="d3-2-7">
            <i class="i1">由</i><i class="i2"> 京东 </i><i class="i3">发货, 并提供售后服务. 23:10前下单，预计</i><i
              class="i4">明天(06月22日)</i><i class="i5">送达</i>
          </div>
          <div class="d3-2-8">
            <span>重&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 量 </span><i>0.4kg</i>
          </div>
          <div class="d3-2-9">
            <span> 选择颜色 </span>
            <div>
              <img src="../img/详情/10006.avif" alt="">
              <i>远峰蓝色</i>
            </div>
            <div>
              <img src="../img/详情/10007.avif" alt="">
              <i>石墨色</i>
            </div>
            <div>
              <img src="../img/详情/10008.avif" alt="">
              <i>银色</i>
            </div>
            <div>
              <img src="../img/详情/10009.avif" alt="">
              <i>金色</i>
            </div>
            <div>
              <img src="../img/详情/10010.avif" alt="">
              <i>苍岭绿色</i>
            </div>
          </div>
          <div class="d3-2-10">
            <span>选择版本</span>
            <div>128GB</div>
            <div>256GB</div>
            <div>512GB</div>
            <div>1TB</div>
          </div>
          <div class="d3-2-10">
            <span>购买方式</span>
            <div>公开版</div>
            <div>快充套餐</div>
            <div>AirPods套餐</div>
            <div>AirPodsPro套餐</div>
            <div>官方版</div>
          </div>
          <div class="d3-2-10">
            <span> 套 &nbsp &nbsp&nbsp&nbsp 装 </span>
            <div>优惠套餐1</div>
            <div>优惠套餐2</div>
            <div>优惠套餐3</div>
            <div>优惠套餐4</div>
            <div>优惠套餐5</div>
            <div>优惠套餐6</div>
          </div>
          <div class="d3-2-10">
            <span>京东服务 </span>
            <div>值响换新￥1498.00</div>
            <div>2年碎屏保￥399.00</div>
            <div>2年全保修￥489.00</div>
            <div>2年电池换新￥59.00</div>
          </div>
          <div class="d3-2-11"></div>
          <div class="d3-2-12">
            <!-- <div class="d1">1</div>
            <div class="d2">+</div>
            <div class="d3">-</div> -->
            <input type="number" id="num" value="1" min="1" max="99">
            <div class="d4" id="additem">加入给购物车</div>
          </div>
          <div class="d3-2-13">温馨提示
            ·支持7天无理由退货（防伪签、密封条损毁不支持）·此商品不可使用全品类京券、全品类东券</div>
        </div>
      </div>
    </div>
    <div class="wrapper foot" id="foot">
      <img src="../img/详情/lan1.png" alt="">
    </div>
  </header>

</body>

</html>
<script src="../js/jquery.min copy.js"></script>
<script src="../js/magnifier.js"></script>
<script src="../js/XQitem.js" type="module"></script>
<script>
  $(function () {
    $('#magnifier').magnifier();
  });
</script>